<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #scroll{
            width: 300px;
            height: 500px;
            /* 设置滚动效果 */
            overflow: scroll;
        }
    </style>
    <script>
        window.onload = function(){
            var scroll = document.getElementById("scroll");
            var ip1 = document.getElementById("ip1");
            var ip2 = document.getElementById("ip2");
            // 绑定滚动响应事件
            scroll.onscroll = function(){
                if(scroll.scrollHeight - scroll.scrollTop == scroll.clientHeight){
                    // 如果滚动条滚动到底部，则设置表单为可操作
                    ip1.disabled = false;
                    ip2.disabled = false;
                }
            };
        };
    </script>
</head>
<body>
    <h1>用户注册</h1>
    <p id="scroll">
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
        请认真阅读协议,否则无法注册
    </p>
    <!-- disabled表示不能操作 -->
    <input type="checkbox" disabled="disabled" id="ip1">确定
    <input type="button" value="注册" disabled="disabled" id="ip2">
</body>
</html>